/* 第四 */

/* 第四屏动画 */

.screen04 {
    background: url('../images/04-bg.png') no-repeat center bottom;
    text-align: center;
}

.screen04 .cloud {
    position: absolute;
    left: -400px;
    top: -70px;
    animation: cloud04 10s linear infinite alternate;
}

.screen04 .text {
    text-align: center;
    margin-top: 50px;
}

.screen04 .text img:last-child {
    position: absolute;
    opacity: 0;
}

.screen04 .text.show img:first-child {
    position: absolute;
    opacity: 0;
}

.screen04 .text.show img:last-child {
    position: static;
    opacity: 1;
    transition: all 1s linear;
}

.screen04 .cart {
    position: absolute;
    bottom: 30px;
    z-index: 1002;
}

.screen04 .sofa {
    position: absolute;
    top: -20px;
    left: 152px;
    transform: rotate(20deg);
    /* display: none; */
    opacity: 0;
}

.screen04.now .sofa {
    /* display: block; */
    opacity: 1;
    z-index: -10;
    /* transition: all 5s;
  transform: translateX(1000px); */
}

.screen04.now .cart {
    transition: all 3s;
    transform: translateX(1000px);
}

.screen04 .address {
    margin-top: 80px;
    display: none;
}

/* .screen04 .address{} */

.screen04 .address img:last-child {
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

@keyframes cloud04 {
    from {}
    to {
        transform: translateX(2000px);
    }
}